<div id="PurchaseOrderList" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml" style=" height:100%;margin: 0px;padding: 0px;">
    <!--调用子组件-->
    <list-component ref="child"
                    :title="title"
                    :init-url="initUrl"
                    :line-event="event"
                    :watch-child="eventCallBack"
    ></list-component>
</div>

<script>
    $(document).ready(function(){
        //采用vue
        var PurchaseOrderList=new Vue({
            el: '#PurchaseOrderList',
            data: {
                title:'采购订单',
                initUrl : '/pageInit/getInitListPageDto/PurchaseOrder',
                event : [],
                child : null,
            },
            methods: {
                /**与event数组配合使用 当触发点击事件时回调的方法*/
                eventCallBack: function(item,name) {
                    alert('回调函数' + name + ' ' + item.id);
                }
            },
            mounted: function () {
                this. child = this.$refs['child'] ;
            },
        });

    });

</script>
